<!DOCTYPE html>
<html lang="en">
<head>
<%= require('html-loader!./layout/head-common.html')  %>
<title><%= htmlWebpackPlugin.options.title%> 青年志愿者信息服务平台</title>

</head>

<body>
	<%= require('html-loader!./layout/header.html')  %>
	<div class="screem-1 ">
			<div id="myCarousel" class="carousel slide">
				<!-- 轮播（Carousel）指标 -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
					<li data-target="#myCarousel" data-slide-to="3"></li>
					<li data-target="#myCarousel" data-slide-to="4"></li>
					<li data-target="#myCarousel" data-slide-to="5"></li>
				</ol>   
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="<%= require('../image/floor/01.jpg')%>" />
					</div>
					<div class="item">
						<img src="<%= require('../image/floor/2.jpg')%>" />
					</div>
					<div class="item">
						<img src="<%= require('../image/floor/3.jpg')%>" />
					</div>
					<div class="item">
						<img src="<%= require('../image/floor/4.jpg')%>" />
					</div>
					<div class="item">
						<img src="<%= require('../image/floor/5.jpg')%>" />
					</div>
					<div class="item">
						<img src="<%= require('../image/floor/6.jpg')%>" />
					</div>
				</div>
				<!-- 轮播（Carousel）导航 -->
				<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div> 
		</div>

		<div class="screem-2 ">
			<h2 class="screem-2_heading"> <a href="#" class="screem-2_heading">动态新闻</a></h2> 
			<div class="img_u13"></div>

			<h2 class="screem-2_suheading"> <a href="" class="screem-2_suheading">第九届书香满校园读书文化节活动</a> </h2>

			<h3 class="screem-2_subheading">4月23日世界读书日，为激起我校大学生的读书热情，<br>
				梧州学院图书馆、机化学院青年志愿者分会以及机化学院易班学生工作站联合<br>举办了2018年梧州学院第九届书香满校园文化节活动。</h3>

				<div class="img_u17"></div>

				<h3 class="screem-2_subbheading">
					<a href="#" class="screem-2_subbheading">大数据与软件工程学院青年志愿者上三云社区支教活动</a> <br>
					<a href="#" class="screem-2_subbheading">文法学院举办校友交流大会</a> 
				</h3>
				<div class="screem-2_dy ">

				</div>
			</div>


			<div class="screem-3 ">
				<h2 class="screem-3_heading "> <a href="#" class="screem-2_heading">志愿风采</a></h2> 
				<div class="screem-3_img_u13"></div>

				<div class="screem-3_type ">
					<div class="screem-3_type_item screem-3_type_item_i_1 ">
						<div class="screem-3_type_item_color"><a href="#">甘建宁</a></div>
					</div>

					<div class="screem-3_type_item screem-3_type_item_i_2 ">
						<div class="screem-3_type_item_color"><a href="">刘北文</a></div>
					</div>

					<div class="screem-3_type_item screem-3_type_item_i_3 ">
						<div class="screem-3_type_item_color"><a href="#">凌远超</a></div>
					</div>

					<div class="screem-3_type_item screem-3_type_item_i_4 ">
						<div class="screem-3_type_item_color"><a href="#">李冰</a></div>
					</div>
				</div>
			</div>

			<div class="screem-4 ">
				<h2 class="screem-3_heading "> <a href="#" class="screem-2_heading">综合实践</a></h2> 
				<div class="screem-3_img_u13" > </div>

				<!--轮博+放大开始-->
				<div class="warrper">
					<!--content-->
					<div class="content" style="padding-top: 70px;padding-left: 80px;">
						
						<div class="index-new w1200 mt30">
							<div class="indexadd mt50 mb60">
								<div id="banners" class="ui-banner">
									<ul class="ui-banner-slides">
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
										<li><a href=""><img src="<%= require('../image/floor/16.jpg')%>" /></a></li>
									</ul><!--ui-banner-slides end-->
									<ul class="ui-banner-slogans">
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3 >上三云社区支教活动---大数据与软件工程学院青年志愿者分会</h3>
													<p>公益类学分
													</p>
												</div>
											</div>
										</li>
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3 >云龙社区爱心支教活动---文法学院青年志愿者分会</h3>
													<p>公益类学分
													</p>
												</div>
											</div>
										</li>
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3 >灏景玥城支教活动---机化学院青年志愿者分会</h3>
													<p>公益类学分
													</p>
												</div>
											</div>
										</li>
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3 >院挑战99秒活动---大数据与软件工程学院</h3>
													<p>竞赛类学分
													</p>
												</div>
											</div>
										</li>
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3>废品回收活动---机化学院青年志愿者分会</h3>
													<p>公益类学分
													</p>
												</div>
											</div>
										</li>
										<li class="ui-line">
											<div class="ullinehover">
												<div class="ui-bnnerimg floatLeft">
													<img src="<%= require('../image/floor/16.jpg')%>"  alt="" width="103"/>
												</div>
												<div class="ui-bnnerp floatRight">
													<h3 >学雷锋神道德讲堂活动---大数据与软件工程学院</h3>
													<p>专题教育类学分
													</p>
												</div>
											</div>
										</li>                         
									</div>
								</li>
							</ul><!--ui-banner-slogans end-->
						</div>
					</div>
				</div>
				<!--轮博+放大 end-->
			</div>
			<!--content end-->
		</div>
	</div>
</div>

<div class="screem-5">
    <div class="screem-5_u45_l"></div>
	<div class="screem-5_text">友情链接</div>
	<div class="screem-5_u45_r" ></div>

	<div class="screem-5_it">
		<a href="http://www.wenming.cn/" target="_blank" class="screem-5-item">中国文明网</a>
		<a href="http://www.youth.cn/" target="_blank" class="screem-5-item">中国青年网</a>
		<a href="http://www.zgzyz.org.cn/" target="_blank" class="screem-5-item">中国志愿者网</a>
		<a href="http://zyz.cwzwm.com/" target="_blank" class="screem-5-item">梧州志愿者服务网</a>
		<a href="http://www.gxuwz.edu.cn/" target="_blank" class="screem-5-item">梧州学院</a>
	</div>                        
</div>




    <%= require('html-loader!./layout/footer.html')  %>	
</body>
</html>